<template>
  <main class="d-flex flex-grow-1 flex-column">
    <div class="overflow-hidden text-center w-100 min-height position-relative">
      <div class="d-flex flex-column justify-content-between align-items-center w-100 pt-t pb-5 h-100 min-box">
        <div class="z-n1 w-100 justify-content-between flex-row position-absolute px-md-5 px-3 min-images">
          <div class="d-grid grid-cols">
            <div class="position-relative overflow-hidden img-box grid-span-3"><img width="140px" class="back-image"
                src="@/assets/images/icon-1.webp"></div>
            <div class="position-relative overflow-hidden img-box grid-start-2 grid-span-2"><img width="140px"
                class="back-image" src="@/assets/images/icon-2.webp"></div>
            <div class="position-relative overflow-hidden img-box grid-span-2"><img width="140px" class="back-image"
                src="@/assets/images/icon-3.webp"></div>
            <div class="position-relative overflow-hidden img-box "><img width="140px" class="back-image"
                src="@/assets/images/icon-4.webp"></div>
          </div>
          <div class="d-grid grid-cols">
            <div class="position-relative overflow-hidden img-box grid-start-3"><img width="140px" class="back-image"
                src="@/assets/images/icon-5.webp"></div>
            <div class="position-relative overflow-hidden img-box grid-start-2 grid-span-2"><img width="140px"
                class="back-image" src="@/assets/images/icon-6.webp"></div>
            <div class="position-relative overflow-hidden img-box grid-span-2"><img width="140px" class="back-image"
                src="@/assets/images/icon-7.webp"></div>
            <div class="position-relative overflow-hidden img-box"><img width="140px" class="back-image"
                src="@/assets/images/icon-8.webp"></div>
          </div>
        </div>
        <div class="position-absolute bottom-0 w-100 light"></div>
        <div class="d-flex flex-column justify-content-center align-items-center px-4 title-slogan" style="">
          <div class="numbert"><span class="number">欢迎来到酷课堂导航</span>🎉</div>
          <h1 class="display-2 fw-bold slogan-title m-0">酷课堂<span>网址导航</span></h1>          
		  <p class="text-muted">一个免费、基于Vue开发的网址导航，直接修改构建。<br>界面优雅简洁，自适应客户端。</p>		  
          <div class="hero-link d-flex align-items-center justify-content-center flex-wrap">
              <a target="_blank" class="media-svg"
                href="https://gitee.com/vkei/kuketang" title="Gitee开源仓库" rel="noopener noreferrer">
                <img src="https://gitee.com/static/images/logo_themecolor.png" width="32" alt="gitee" /></a>
              <a target="_blank" class="media-svg"
                href="https://github.com/vkei-labs/kuketang" title="Github开源仓库" rel="noopener noreferrer">
<svg class="github-img" width="32px" height="32px" viewBox="0 0 34 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-v-a126cda2=""><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" data-v-a126cda2=""><g transform="translate(-358, -265)" fill="currentColor" fill-rule="nonzero" data-v-a126cda2=""><g transform="translate(24, 14)" data-v-a126cda2=""><g transform="translate(334, 251.971429)" data-v-a126cda2=""><path d="M16.9985217,0 C7.61156522,0 0,7.80224591 0,17.4292595 C0,25.1314767 4.8693913,31.6636599 11.6265218,33.9703847 C12.4750435,34.1264902 12.744087,33.612706 12.744087,33.1504516 C12.744087,32.7351806 12.7529565,31.5787872 12.744087,30.1238228 C8.01660872,31.1756407 7.03652175,27.8277074 7.03652175,27.8277074 C6.26339131,25.8134911 5.15173915,25.2784887 5.15173915,25.2784887 C3.60695653,24.196359 5.26556523,24.2190928 5.26556523,24.2190928 C6.97000002,24.3403399 7.8702609,26.0135487 7.8702609,26.0135487 C9.38695654,28.677952 11.8482609,27.9080334 12.8165217,27.4624507 C12.9732174,26.3378844 13.4107826,25.5664503 13.8971304,25.1345078 C10.1216522,24.6919562 6.15400002,23.1991023 6.15400002,16.5168757 C6.15400002,14.614813 6.8162609,13.0598199 7.90426088,11.8397718 C7.72982608,11.4017669 7.14443478,9.62701362 8.06982611,7.22783816 C8.06982611,7.22783816 9.49930437,6.75952155 12.744087,9.01623174 C14.1316451,8.62823659 15.5632402,8.4304989 17.0014783,8.4281837 C18.4442609,8.43576162 19.8988696,8.62824129 21.2588696,9.01623174 C24.5036521,6.76103711 25.9286956,7.22783813 25.9286956,7.22783816 C26.8555653,9.62701362 26.2716521,11.4017669 26.0972174,11.8397718 C27.1852175,13.0598199 27.846,14.614813 27.846,16.5168757 C27.846,23.2157738 23.8709564,24.6874094 20.0836522,25.1163207 C20.6926956,25.6573856 21.2470434,26.7031411 21.2470434,28.329367 L21.2470434,33.1549983 C21.2470434,33.6217995 21.522,34.1355837 22.3853044,33.9673534 C29.1350435,31.6591132 34,25.1284454 34,17.4292595 C34,7.80224591 26.389913,0 16.9985217,0 Z" data-v-a126cda2=""></path></g></g></g></g></svg>
              </a>
            <a target="_blank" class="grocery webname webhref d-flex" href="https://site.kuketang.cn/">演示网址</a>

          </div>
        </div>
      </div>
    </div>
  </main>
</template>
